<!DOCTYPE html>
<html lang="en">

<head>
{% block head %}
    {% include "_head.html" %}
    {% include "_analytics.html" %}
{% endblock head %}
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="{{ CDN_URL }}css/storymap.css?v2">
<script type="text/javascript" src="{{ CDN_URL }}js/storymap.js"></script>
</head>

<body>

<nav id="navbar-product-top" class="navbar navbar-dark">
    <ul>
        <li class="logo">
            <a href="http://knightlab.com">
                <img src="https://cdn.knightlab.com/libs/orangeline/latest/assets/knightlab-dark.png">
            </a>
        </li>
    </ul>
    <ul class="nav-right column-hide-phone">
        <li><a class="button-active button button-dark button-small-tablet" href="https://knightlab.northwestern.edu/projects/">Projects</a></li>
        <li><a class="button button-dark button-small-tablet" href="https://studio.knightlab.com">Class</a></li>
        <li><a class="button button-dark button-small-tablet" href="https://devicelab.knightlab.com">Device Lab</a></li>
        <li><a class="button button-dark button-small-tablet" href="https://knightlab.northwestern.edu/posts/">Posts</a></li>
        <li><a class="button button-dark button-small-tablet" href="https://openlab.knightlab.com">Community</a></li>
        <li><a class="button button-dark button-small-tablet" href="https://knightlab.northwestern.edu/about/">About</a></li>
    </ul>
</nav>

{% block content %}
{% endblock content %}

{% block footer %}
    {% include "_footer.html" %}
{% endblock footer %}

{% block scripts %}
    <script src="https://cdn.knightlab.com/libs/orangeline/latest/js/main.js"></script>
{% endblock scripts %}
</body>
</html>
